<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>easyUI</title>
    <link id="easyuiTheme" rel="stylesheet" type="text/css" href="jslib/easyui-1.4.2/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="jslib/easyui-1.4.2/themes/icon.css"/>
    <script type="text/javascript" src="jslib/easyui-1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="jslib/easyui-1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jslib/easyui-1.4.2/locale/easyui-lang-zh_CN.js" charset="UTF-8"></script>
	<script type="text/javascript">
	/*在右边center区域打开菜单，新增tab*/
	function openTab(title, url) {
    //判断是否已存在
    if ($("#tabs").tabs('exists', title)) {  
        $('#tabs').tabs('select', title);
    } else {
        //新增tab
        $('#tabs').tabs('add', {
            title : title,
            closable : true,
            content : createTabContent(url)
        });
    }
	}
	/* 生成tab内容 */
	function createTabContent(url){
    return '<iframe style="width:100%;height:98%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
	}
	</script>
</head>
<body class="easyui-layout">
    <div id="head" data-options="region:'north'" style="height:60px;">
        <div align="center" style="height:30px;font-size:30px">MISP</div>
    </div>
    <div id="foot" data-options="region:'south'" style="height:30px;text-align: center;background: #D2E0F2">CopyRight:SCAU</div>
    <div id="nav" data-options="region:'west',split:true" style="width:200px" title="导航">
		<div id="navMenu" class="easyui-accordion" data-options="fit:true,border:false">
			<div title="系统管理" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;"></div>
			<div title="基础数据" data-options="iconCls:'icon-large-shapes',selected:true" style="padding:10px;">
				<ul id="tree" class="easyui-tree" data-options="lines:true">
					<li><span>产品管理</span>
						<ul>
							<li><a href="#">产品类别</a></li>
							<li><a href="#">产品</a></li>
						</ul>
					</li>
					<li><a href="#">客户</a></li>
				</ul>
			</div>    
		</div>
	</div>
    <div id="mainPanle" data-options="region:'center'">
        <div id="tabs" class="easyui-tabs" data-options="fit:true, border: false" >
            <div title="About" data-options="iconCls:'icon-tip'">
                <iframe src="about.html" style="border: 0; width: 100%; height: 100%;" frameBorder="0"></iframe>
            </div>
		</div>    
    </div>
</body>
</html>